<#assign menu="dashboard">
<#include "/common/head.ftl">
<#include "/common/sidebar.ftl">

<div class="page-tab">
    <!-- BEGIN SIDEBAR MENU -->        
    <ul class="page-sidebar-menu nav nav-tabs nav-justified" id="MainTabs">
        <li class="tab-title">
            <div>
                <h3>Inbox</h3>
            </div>
        </li>
        <li><a href="${basePath}/daokin/inbox/tab1.htm" data-toggle="tab" data-target="#tab_content">Section 1</a></li>
        <li><a href="${basePath}/daokin/inbox/tab2.htm" data-toggle="tab" data-target="#tab_content">Section 2</a></li>
        <li><a href="${basePath}/daokin/inbox/tab3.htm" data-toggle="tab" data-target="#tab_content">Section 3</a></li>
    </ul>
    <!-- END SIDEBAR MENU -->
</div>
<!-- BEGIN PAGE -->
<div class="page-content">

    <div class="tab-content">
        <div class="tab-pane active" id="tab_content">
        </div>
    </div>
</div>
<!-- BEGIN PAGE -->  

<#include "/common/foot.ftl">

        <script>
            jQuery(document).ready(function () {
                $("#MainTabs").tab();
                $("#MainTabs").bind("shown.bs.tab", function (e) {
                    var contentID = $(e.target).attr("data-target");
                    var contentURL = $(e.target).attr("href");
                    if (typeof (contentURL) != 'undefined') {
                        //$(contentID).html('<img src="${basePath}/images/tab_loading.gif" alt="" class="loading">');
                        $(contentID).load(contentURL, function () {
                            $("#MainTabs").tab();
                        });
                    } else
                        $(contentID).tab('show');
                });
                $('#MainTabs a:first').tab("show");
            });
        </script>